<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>榜单</title>
        <link href="../css/header.css" rel="stylesheet">
        <link href="../css/border/details.css" rel="stylesheet">
<!--        <link href="../css/footer.css" rel="stylesheet">-->

    </head>
    <body>
        <!--========= 1.上方导航栏 =========-->
        <div class="index-header">
            <div class="header-logo"><a href="#" class="logo"></a></div>
            <div class="header-nav">
                <ul>
                    <li><a href="../index.html" class="">首页</a></li>
                    <li><a href="../films/films.html" class="">电影</a></li>
                    <li><a href="../cinema/detail.html" class="">影院</a></li>
                    <li class="checked"><a href="../border/border.html" class="">榜单</a></li>
                    <li><a href="../border/address.html" class="">地区</a></li>
                </ul>
            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
                    <a href="" class="search-btn"></a>
                </form>
                <div class="head-login">
                    <a href="../customer/login.html" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
                </div>
            </div>
        </div>
        <div class="head-wait"></div>
        <!--========= 2.上方榜单切换栏 =========-->

        <div class="list-switch">
            <ul class="select">
                <li><a href="border.html">热映口碑榜</a></li>
                <li><a href="border_ticket.html">国内票房榜</a></li>
                <li><a href="border_top100.html">Top&nbsp;100榜</a></li>
                <li class="checked-li checked"><a href="#">电影热点榜</a></li>
            </ul>

        </div>
        <br>

        <!--========= 3.榜单详情 =========-->
        <div class="gags-list">
                <ul>
                    <li>
                        <img src="../images/index/index-hot5.png">
                        <div class="gags-li">
                            <a href="#">史诗战争巨制《长津湖》票房突破30亿，成为新的中国影史国庆档冠军！影片上映7天跻身全球年度票房前五，单日票房突破5亿，连续7天实现逆跌，成为中国影史首部连续六天单日票房破4亿的电影，截至目前位列中国影史票房总榜第13名！</a>
                        </div>

                    </li>
                    <hr>
                    <li>
                        <img src="../images/index/index-hot2.png">
                        <div class="gags-li">
                            <a href="#">扑朔迷离的感情走向，盲选绝配的情侣组合，分手神操作下即将诞生的最佳情侣CP盲盒，静待开启！9月24日，由马小白执导兼编剧，张艺骞联袂新生代邱诗媛、王瑞雪、孙迅等主演的爱情喜剧电影《不死鸟之恋》将于情感千丝万缕、关系错综复杂的前任大作战中爆笑上映！</a>
                        </div>
                    </li>
                    <hr>
                    <li>
                        <img src="../images/index/index-hot3.png">
                        <div class="gags-li">
                            <a href="#">宝可梦作为陪伴了一代又一代人成长的经典IP，到今年已经走过了二十五周年的时光，一直以来的热度也是只增不减，在国内也有着强大的粉丝基础和文化传承。现场有不少带孩子一同前来观影的观众，在看到父子互相保护对方的情感高潮点时父母与孩子一起被感动落泪</a>
                        </div>
                    </li>
                    <hr>
                    <li>
                        <img src="../images/index/index-hot6.png">
                        <div class="gags-li">
                            <a href="#">电影《日常幻想指南》今日曝光林更新彩蛋。作为中秋档的唯一喜剧，《日常幻想指南》集结了深受观众喜爱的各位喜剧人，静物开口的新奇脑洞更是给演员们带来一次难得的表现机会，挑战颠覆性的角色。影片上映后获得收获许多好评，是全国观众中秋欢乐观影的不二选择。</a>
                        </div>
                    </li>
                    <hr>
                    <li>
                        <img src="../images/index/index-hot4.png">
                        <div class="gags-li">
                            <a href="#">“鲁西西秀五国语言”正片片段曝光 高能戏码爽翻小学生。鲁西西为了能够帮助班级里因为成绩差不能参加课外活动的同学，闯进了活动的场地，在罐头小人的帮助下用多国语言与外国专家轻松对话，令只关注成绩的校长和老师目瞪口呆。</a>
                        </div>
                    </li>
                    <hr>
                    <li>
                        <img src="../images/index/index-hot1.png">
                        <div class="gags-li">
                            <a href="">中秋佳节到了，作为第一部回归影院的霸王龙电影《我是霸王龙》，让众多影迷雀跃不已，提前锁定为“必看清单”。在最新发布的剧照中，恐龙们以不同的pose逼真亮相，穿越6500万年的恐龙世界，它们又将经历怎样的冒险，引人期待！</a>
                        </div>
                    </li>
                    <hr>

                </ul>
            </div>
        <!--========== 4.底部脚注 =============-->
        <div class="index-footer">
            <div class="footer-head"></div>
            <div class="footer-main">
                <p>关于视享票票通：&nbsp;关于我们<span>&nbsp;|&nbsp;</span> 管理团队 <span>&nbsp;|&nbsp;</span> 投资者关系
                    &nbsp;&nbsp;友情链接 :&nbsp;&nbsp; 支付宝 </p>
                <p>
                    商务合作邮箱：1137750012@qq.com &nbsp;
                    客服电话：62170010 &nbsp;
                    违法和不良信息/涉未成年人有害信息举报电话：4006018900
                </p>
                <p>
                    用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
                    舞弊线索举报邮箱：wubijubao@shixiang.com
                </p>
                <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
                <p>驰星视享文化传媒有限公司</p>
                <p>©&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
            </div>

        </div>

        <script src="../js/border/detail.js"></script>
        <script src="../js/header.js"></script>
    </body>
</html>